<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="styles/bootstrap.min.css" />
  <link rel="stylesheet" type="text/css" href="styles/daterangepicker.css" />
	<link rel="stylesheet" type="text/css" href="styles/index.css" />
  <script src="js/jquery.min.js"></script>
  <script data-main="js/main" src="js/require.js"></script>
</head>
<body>

<div class="container">
<!--模块一-->
<div class="panel panel-default">
	<div class="panel-heading font-bold">                  
      某某标题
   </div>
   <div class="panel-body">
   	<div class="form-inline">
		<div class="form-group">
      <label class="control-label f-l lineHeight-34 txt-title">选择排班时间</label>
      <div class="form-group time-w">        
        <div class="controls">
            <div class="input-prepend input-group">
                <span class="add-on input-group-addon"><i class="glyphicon glyphicon-calendar fa fa-calendar"></i></span>
                <input type="text" style="width: 200px" name="reservation" id="reservation" class="form-control active" value="11/18/2016 - 11/23/2016">
            </div>
        </div>        
      </div>
    </div>
    <div class="form-group">
	    <label class="control-label f-l lineHeight-34 txt-title">选择病区:</label>
	    <select class="form-control m-t ng-pristine ng-invalid ng-invalid-required ng-touched" ng-model="f.b" required="">
          <option value="">Please choose</option>
          <option value="foo">Foo</option>
          <option value="bar">Bar</option>
      </select>
    </div>
    <div class="form-group">
	    <label class="control-label f-l lineHeight-34 txt-title">选择科室:</label>
	    <select class="form-control m-t ng-pristine ng-invalid ng-invalid-required ng-touched" ng-model="f.b" required="">
          <option value="">Please choose</option>
          <option value="foo">Foo</option>
          <option value="bar">Bar</option>
      </select>
    </div>
    </div>
		<div class="line line-dashed b-b line-lg pull-in"></div>
   	<div class="form-group position-rel">
      <label class="col-sm-2 control-label">选择护士</label>
      <div class="col-sm-10" id="nurserBox">
        <label class="checkbox-inline i-checks hs-box">
          <input type="checkbox" value="option1"><i></i> 张昭张昭张
        </label>
        <label class="checkbox-inline i-checks hs-box">
          <input type="checkbox" value="option2"><i></i> 欧阳震华
        </label>
      </div>
      <div class="c-b"></div>
			<label class="checkbox i-checks position-abs checkbox_position txt-thin">
	      <input type="checkbox" required="" id="allSelect"><i></i> 全选
	    </label>
    </div>
    

   </div>

   <footer class="panel-footer text-left bg-light lter">
      <button class="btn btn-success" id="mod1Next">下一步</button>
   </footer>
</div>

<!--模块一 end-->
<!--常班配置-->
<div class="panel panel-default" id="cbpz" style="display: block">
	<div class="panel-heading font-bold">                  
      常班配置
   </div>
   <div class="panel-body">
   	<div class="form-group">
      <label class="col-sm-2 control-label lineHeight-34">常班人员设置</label>
        <div class="col-sm-10">
            <button class="btn btn-success" data-toggle="modal" data-target="#nurse-order">新增班种</button>
        </div>
      <div class="c-b h-10"></div>
        <div id="cbrysz_box"></div>
      <div class="c-b"></div>
    </div>    
		<div class="line line-dashed b-b line-lg pull-in"></div>
		<div class="form-group">
      <label class="col-sm-2 control-label lineHeight-34">轮班工作周期设置</label>      
      <button class="btn btn-success f-l xzgz-btn" id="xzgzBtn">新增规则</button> 
      <div class="c-b"></div>  
      <div id="xzgz_box">
        
      </div>      
			<div class="line line-dashed b-b line-lg pull-in"></div>
			<div class="form-group">
		   <label class="col-sm-2 control-label lineHeight-34">常班人员设置</label>     
		   <div class="c-b"></div>

       <div id="cbryset_box">
       
       </div>


		 </div>  
    </div>
   </div>
	 <footer class="panel-footer text-left bg-light lter">
	    <button type="submit" class="btn btn-success">上一步</button>
	    <button type="submit" class="btn btn-success" id="cbpzNext">下一步</button>
	 </footer>
</div>
<!--常班配置 end-->
<!--排班班种配置-->
<div class="panel panel-default" id="pbbzpz">
	<div class="panel-heading font-bold">                  
      排班班种配置
   </div>
   <div class="panel-body">
   	<button type="submit" class="btn btn-success">选择班种</button>
   </div>
</div>
<!--排班班种配置 end-->
<!--轮班资源配置-->
<div class="panel panel-default" id="lbzypz" style="display:block">
	<div class="panel-heading font-bold">                  
      轮班资源配置
   </div>
   <div class="panel-body">
    <div class="form-group">
      <label class="col-sm-2 control-label lineHeight-34">轮班设置</label>
        <div class="col-sm-10">
            <button class="btn btn-success" data-toggle="modal" data-target="#shiftSet">配置班种</button>
        </div>
      <div class="c-b h-10"></div>
        <div id="cbrysz_box"></div>
      <div class="c-b"></div>
    </div>
    <div class="line line-dashed b-b line-lg pull-in"></div>

   	<div class="form-group">
      <label class="col-sm-2 control-label lineHeight-34">工作日</label> 
      <div class="col-sm-10 gzr_box">
        <div class="shiftSet_box workCycle_box rest_box">
        <span class="f_l">休息：</span>     
        <span class="f_l workCycle_inp">
          <input type="num" class="form-control">
        </span>              
        </div>        
      </div>   
      <div class="c-b"></div>    
    </div> 
    <div class="line line-dashed b-b line-lg pull-in"></div>
    <div class="form-group">
      <label class="col-sm-2 control-label lineHeight-34">双休/国定假日</label>
      <div class="col-sm-10 sxr_box">
        <div class="shiftSet_box workCycle_box rest_box">
        <span class="f_l">休息：</span>     
        <span class="f_l workCycle_inp">
          <input type="num" class="form-control">
        </span>              
        </div>        
      </div> 
      <div class="c-b"></div>      
    </div>
    <div class="line line-dashed b-b line-lg pull-in"></div>
    <div class="form-group">
      <label class="col-sm-2 control-label lineHeight-34">常班工作周期设置</label>
      <button class="btn btn-success f-l lbxzbz-btn" id="lbxzbz_btnID">新增班种</button>  
      <div class="c-b"></div>  
      <div id="lbxzbz_box">
        
      </div>         
            
      <div class="c-b"></div>      
      <div class="line line-dashed b-b line-lg pull-in"></div>
      <div class="form-group">
       <label class="col-sm-2 control-label lineHeight-34">工作岗位设置</label>     
       <div class="c-b"></div>
     </div>
     <div class="line line-dashed b-b line-lg pull-in"></div> 
     <div class="form-group">
      <label class="col-sm-2 control-label lineHeight-34">工作日</label> 
      


       
      <div class="c-b" id="shiftSetGZR"></div>    
    </div> 
    <div class="line line-dashed b-b line-lg pull-in"></div>
    <div class="form-group">
      <label class="col-sm-2 control-label lineHeight-34">双休/国定假日</label>
      <div class="c-b" id="shiftSetGDJR"></div>      
    </div> 
    </div>
   </div>
</div>
<!--轮班资源配置 end-->	
</div>



<!-- Modal nurse-order -->
<div class="modal fade" id="nurse-order" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<form action="">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title">新增班种</h4>
      </div>
      <div class="modal-body">

        <div class="col-sm-12 className" id="addClass_name">
          <label class="checkbox-inline i-checks hs-box">
            <input type="checkbox" value="option1" /> 班种一
          </label>
          <label class="checkbox-inline i-checks hs-box">
            <input type="checkbox" value="option2" /> 班种二
          </label>
          <label class="checkbox-inline i-checks hs-box">
              <input type="checkbox" value="option1" /> 班种三
          </label>
          <label class="checkbox-inline i-checks hs-box">
              <input type="checkbox" value="option2" /> 班种四
          </label>
          <label class="checkbox-inline i-checks hs-box">
              <input type="checkbox" value="option1" /> 班种五
          </label>
          <label class="checkbox-inline i-checks hs-box">
              <input type="checkbox" value="option2" /> 班种六
          </label>
          <label class="checkbox-inline i-checks hs-box">
              <input type="checkbox" value="option1" /> 班种七
          </label>
          <label class="checkbox-inline i-checks hs-box">
              <input type="checkbox" value="option2" /> 班种八
          </label>
          <div class="c-b"></div>
        </div>

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary add_js" data-dismiss="modal" id="addClass_Btn">添加</button>
      </div>
    </div>
  </div>
  </form>
</div>

<!-- Modal shiftSet -->
<div class="modal fade" id="shiftSet" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<form action="">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title">配置班种</h4>
      </div>
      <div class="modal-body">

        <div class="col-sm-12 className" id="shiftSet_name">
          <label class="checkbox-inline i-checks hs-box">
            <input type="checkbox" value="option1" /> 白班
          </label>
          <label class="checkbox-inline i-checks hs-box">
            <input type="checkbox" value="option2" /> 白班二
          </label>
          <label class="checkbox-inline i-checks hs-box">
              <input type="checkbox" value="option1" /> 晚班
          </label>
          <label class="checkbox-inline i-checks hs-box">
              <input type="checkbox" value="option2" /> 夜班
          </label>
          
          <div class="c-b"></div>
        </div>

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary add_js" data-dismiss="modal" id="shiftSet_btn">添加</button>
      </div>
    </div>
  </div>
  </form>
</div>



	
</body>
</html>